<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>基础布局-定宽模式</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/layout1.css">
</head>
<body>
<div class="wrapper">
<div class="header">
    <h1>定宽布局1006px</h1>
    <p>采用栅格系统设计  分成12列  列宽为78px  留白为5px  实际内容宽度991px  每格宽度为83px</p>
</div>
    <div class="clear"></div>
<div class="main">
    <div class="sidebar">
        <p>3列*83px=249px，实际内容宽度为244px，留白5px</p>
    </div>
    <div class="content">
        <p>9列*83-5=742px</p>
    </div>
</div>
    <div class="clear"></div>
<div class="footer">
    <address>页脚：地址信息</address>
</div>
</div>
</body>
</html>